@charset 'UTF-8';
@import '../../config/scss/function.scss',
'../../config/scss/config.scss';
.allorders {
    background-color: $c7;
    padding-top: 30px;
    min-height: 1000px;
    .col-xs-12.screen {
        &.col {
            padding-left: 0px;
            padding-right: 0px;
            .list-group-item {
                border-width: 0px;
            }
        }
    }
    .list-group-item {
        padding: 0px 15px;
        margin-bottom: 15px;
        .detail {
            padding-top: 50px;
            padding-bottom: 10px;
            .col {
                margin-bottom: 10px;
            }
            .time {
                font-size: $f5;
                font-weight: bold;
            }
            .material {
                color: $c2;
            }
            .name,
            .address {
                color: $c3;
            }
            border-right: 1px solid #eef0f1;
        }
        .order {
//          padding-top: 40px;
//          padding-bottom: 10px;
            padding:40px 0px 10px 0px;
            h4 {
                font-size: $f4;
            }
            strong {
                display: block;
                color: $c1;
                font-size: $f6;
                margin-bottom: 10px;
            }
            button {
                border: 1px solid $c1 !important;
                background-color: #fff;
                color: $c1;
                border-radius: 15px;
                padding: 6px 25px;
            }
            // border-left: 1px solid $c4;
        }
    }
    .serverperson {
        background: -webkit-linear-gradient(left top, #58c6b3, #58c676);
        background: -o-linear-gradient(bottom right, #58c6b3, #58c676);
        background: -moz-linear-gradient(bottom right, #58c6b3, #58c676);
        background: linear-gradient(to bottom right, #58c6b3, #58c676);
        text-align: center;
        padding: 20px;
        color: #fff;
        margin-bottom: 35px;
        margin-left: 15px;
        img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            border: 1px solid #fff;
        }
        button {
            background-color: #fff;
            color: $c1;
            padding: 6px 25px;
            border-radius: 15px;
        }
    }
}
@media screen and (max-width: 1367px){
  .allorders{
    min-height: 768px;
  }
}
@media screen and (max-width: 768px){
  .allorders{
    height: 100%;
  }
}
